<!DOCTYPE html>
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta name="description" content="">
<meta name="keywords" content="">
<title>海风商城</title>
<link rel="stylesheet" href="/css/base.css"/>
<link rel="stylesheet" href="/css/index.css"/>
<link rel="shortcut icon" href="favicon.ico" />
{insert_scripts files="../../js/jquery-1.12.3.min.js"}
{insert_scripts files="../../js/swiper.min.js"}
<script>
      var iScale = 1;
        !function(){
            var htmlEl = document.getElementsByTagName('html')[0];
            var fitPage = function(){
                /* The calculate of with from zepto  */
                var w = htmlEl.getBoundingClientRect().width;
                w = Math.round(w);
                w = w > 640 ? 640: w;
                var newW = w/640 * 100;
                htmlEl.style.fontSize = newW + 'px';
            }
            fitPage();
            var t;
            var func = function(){
                clearTimeout(t);
                t = setTimeout(fitPage, 25);
            }
            window.addEventListener('resize', func);
        }();
    </script>
</head>
<body>

<!--banner Start-->
<div class="wrapper">
  <div class="page-pay">
    <!--header Start-->
    <div class="header ">
      <div class="left fl">
        <a onclick="history.go(-1)" class="home">
        <img src="/images/hf/icon_back_n.png" class="ib">
        <i></i>
        </a>
      </div>
      <div class="tit">
        <h2><span class="title">选择付款方式</span></h2>
      </div>
      <div class="right fr">
      </div>
    </div>
    <!--header End  -->
    <div class="pay-header">
      <ul class="pay-item ">
        <li class="curr" data='online'>在线支付<b></b></li>
        <li data='credit_cart'>信用卡分期<b></b></li>
        <li data='post_office'>邮局汇款<b></b></li>
        <li data='store'>门店付款<b></b></li>
      </ul>
    </div>
    <div class="ui_line">
    </div>
    <div class="pay-header message-box post-address" style="display: none;">
      <p>
          收款人户名：XXXXXXXXXXXXXXXXXXXXXXXXX
      </p>
      <p>
          开户银行：XXXXXXXXXXXXXXXXXXXXXXXXX
      </p>
      <p>
          收款帐号：XXXXXXXXXXXXXXXXXXXXXXXXX
      </p>
    </div>
    <div class="ui_line">
    </div>
    <div class="message-box pay-header com-address" style="display: none;">
      <p>
           海风教育门店地址:
      </p>
      <p class="cor666">
          上海市黄浦区黄河路355号雅州大厦1号楼521室
      </p>
      <br>
      <p>
          联系电话:
      </p>
      <p class="cor666">
          021-5648365
      </p>
    </div>
    <div>
      <div class="sure-button">
        <a href="javascript:;" class="ui-button"><span>确定</span></a>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
    var payment = "{$type}";
    $(function(){
        $('.pay-item > li').click(function(){
            payment = $(this).attr('data');
            if( payment == 'post_office' ) {
              $('.com-address').hide();
              $('.post-address').show();
            }else if( payment == 'store' ){
              $('.post-address').hide();
              $('.com-address').show();
            }else $('.post-address,.com-address').hide();
            $(this).addClass("curr").siblings().removeClass("curr");
        })

        $('.pay-item > li').each(function(i,e){
            var cur_pay = $(this).attr('data');
            if( cur_pay == payment ){
              if( payment == 'post_office' ) $('.post-address').show();
              if( payment == 'store' ) $('.com-address').show();
              $(this).addClass('curr').siblings().removeClass("curr");
              return;
            }
        });

        $('.sure-button').click(function(){
            location.href="/mobile/order.php?act=order_lise&payment="+payment;
        })
    })

</script>
</body>
</html>